<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<!--
		 1、事件的概念
		 2、事件代码怎么写
		 3、鼠标事件、键盘事件、表单事件、加载事件
		 
		 4、鼠标事件是所有标签通用事件，键盘事件他只能给特定标签用。
		 键盘事件：只有表单标签才能触发键盘事件，其他标签不行
			- input 、select 、textarea、button
		 键盘事件：
			 onkeydown	某个键盘按键被按下时触发
			 onkeyup	某个键盘按键被松开时触发
			 onkeypress	某个键盘按键被按下并松开时触发
		 -->
		<input type="text" class="demo">
		<script>
			// 获取标签
			var demo = document.querySelector(".demo")
			// 事件目标.事件类型 = 处理函数
			demo.onkeydown = function() {
				console.log("你按下了键盘")
			}

			demo.onkeyup = function() {
				console.log("你松开了了键盘")
			}

			demo.onkeypress = function() {
				console.log("你按下并松开键盘")
			}
		</script>

	</body>
</html>
